<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<pre>
			待所有配置完成以后依赖安装后，执行webpack ./main.js ./build.js命令编译
			或者在package.json中scripts属性中配置命令行build："webpack ./main.js ./build.js"后执行npm run build进行编译
			./main.js为打包入口路径   ./build.js打包出口路径后直接打开index.html即可看到编译后的效果
			
			执行 npm run build等效于直接执行package.json中scripts.build属性对应的值"webpack ./main.js ./build.js"
			
			webpack 命令用于执行打包 (webpack --config ./webpack.config.js )
			webpack-dev-server 命令用于运行项目(webpack-dev-server --config ./webpack.config.js)
			
			npm install 包名 -S/-dev(或者省略)   //安装到dependencies，一般为库，框架等 如vue，vue-loader
			npm install 包名 -D/--save-dev   //开发依赖，安装到devDependencies，一般为一些开发依赖的工具等,如vue-loader css-loader
			
			main.js入口文件引入其他资源：
			import Vue from 'vue'//		npm install xx下载的组件引入方式，实际为import Vue from 'vue.js'
			import App from './App.vue'  //自定义文件的引入方式
			
			直接执行'webpack'命令会默认读取webpack.config.js文件配置，然后编译打包出build.js文件
			如果配置了watch: true则修改数据后无需重新编译直接刷新浏览器即可查看最新数据
			
			异常：
			Cannot read property 'presetToOptions' of undefined at processOptions(F:\myweb\alice\vue\vue-cms\node_modules\webpack-cli\bin\cli.js:137:57)
			解决办法：
				根据错误提示信息，打开node_modules\webpack-cli\bin\cli.js，第137行，把const statsPresetToOptions = require("webpack").Stats.presetToOptions;中间Stats下标的这个.删掉。
			保存后再次运行"webpack"命令即可
		</pre>
		<div id="app">
			
		</div>
		<script src="./build.js"></script>
	</body>
</html>
